<template>
  <div class="coninter">
    <div class="sname">{{ student.name }}</div>
    <div class="sag">{{ student.sag }}</div>
    <div class="sex">{{ student.sex }}</div>
    <div class="sno">{{ student.sno }}</div>
  </div>
</template>

<script setup>
import { ref } from "vue";
const student = ref({
  sname:'张三',
  sag:19,
  sex:'man',
  sno:'2022180119'
})
</script>

<style scoped>
.sname{
  font-size: 40px;
  background: #000;
}
</style>
